import { ref } from "vue"


export async function useLoading(fn, options) {

    const status = ref(false);
    //  在hook 内部生成一个响应式对象

    //  再生成一个函数 , 这个函数处理请求   一旦触发了 就可以 更改我们依赖的数据
    //  把我们想要的结果返回出来
    async function result() {
        status.value = true

        let a = await fn(options)

        status.value = false

        return a
    }


    return [status, result]



}
//  hook 使用ref 这类的代理api 是否能够让我们在页面使用的时候 也具备响应式